<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
	<script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;key=ABQIAAAAWlfiFVYKHX8tCx74bFRnfhRpp30BDXp-1xIerK7XpUs0bSzu7xSVrUD63jB2YX5cVd1HtH12nrekzg&sensor=true" type="text/javascript"></script>
	<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="class.gmap.100331.js" type="text/javascript" charset="utf-8"></script>
	
  <style>
	body{
		font-size:12px;
		font-family:tahoma;
	}
	.main{
		margin:0 auto;
		width:700px;
		margin:40px;
		font-size:12px;
		text-align:center;
	}
	.fillinput{
		width:180px;
	}
	.fillinput2{
		width:300px;
	}
	.marker{
		background-image:url(mm.png);
		width:48px;
		height:40px;
		font-size:12px;
		color:#fff;
		position:absolute;
		text-align:center;
		line-height:28px;
		font-weight:bold;
	}
	.marker_select{
		background-image:url(mms.png);
	}
  </style>
  </head>
  <body>
    <div id="map_canvas" style="width: 700px; height: 400px;margin:0 auto;"></div>
	<div class="main">
		
	<table cellspacing="2" cellpadding="2">
		<tr>
			<td>名称&nbsp;&nbsp;</td>
			<td><input type="text" name="name" id="name" class="fillinput" value=""/></td>
		</tr>
		<tr>
			<td>地址&nbsp;&nbsp;</td>
			<td><input type="text" name="address" id="address" class="fillinput2" value="江苏省南通市朝晖花园" /></td>
		</tr>
		<tr>
			<td colspan="2"><input type="button" value="添加" id="trigger" /></td>
		</tr>
	</table>

	</div>

  </body>
</html>